html,body{
    margin: 0;
    padding: 0;
    background-color: antiquewhite;
}
.day1,p{
    user-select: none;
}
p{
    color: #fff;
    margin: 40px;
    font-size: 30px;
}
.day1{
    height: 70px;
    width: auto;
    margin: 20px 0;
    background-color: aquamarine;
    display: flex;  /*变成容器*/
    align-items: center;  /*垂直居中*/
    justify-content: center;  /*sp*/
    padding: 0 10px;
    /* font-size: 30px; */
}
.day2{
    float: left; width: 800px;
    background-color: rgb(70, 58, 58);
    border-radius: 20px;   /*圆角*/
    margin: 0 130px;
    position: relative;
    left: 150px;

}
.day3{
    background-color: rgb(70, 58, 58);
    float: right; height: 500px; width: 150px; 
    position: relative;border-radius: 50px;   /*圆角*/
    
}
@media screen and (max-width: 480px) {
    /* 在屏幕宽度小于或等于 480px 时应用的样式 */
    .day1 {
        font-size: 18px;
    }
    .day2 {
        margin-top: 20px;
        font-size: 14px;
    }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    /* 在屏幕宽度介于 481px 到 768px 之间时应用的样式 */
    .day1 {
        font-size: 24px;
    }
    .day2 {
        margin-top: 30px;
        font-size: 16px;
    }
}

@media screen and (min-width: 769px) {
    /* 在屏幕宽度大于或等于 769px 时应用的样式 */
    .day1 {
        font-size: 20px;
    }
    .day2 {
        margin-top: 40px;
        font-size: 18px;
    }
}